<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>优呗</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div class="i_web">
			
			<!--主页内容-->
			<div class="index_web">
				<header>
					<div class="nav_title">
						<a href="setup.html">店铺</a>
						<h1>Infoscape</h1>
						<a href="#" id="pro_but">推广</a>
					</div>
				</header>
				<section>
					<!--收入-->
					<div class="i_data">
						<h3 id="i_income">257.50</h3>
						<p>累计收入</p>
						<ul class="ib_data">
							<li>
								<h5>5</h5>
								<p>昨日访客</p>
							</li>
							<li>
								<h5 class="i_point">20</h5>
								<p>七日订单</p>
							</li>
							<li>
								<h5>256.00</h5>
								<p>七日销量</p>
							</li>
						</ul>
					</div>
					<!--添加-->
					<div class="i_add">
						<div class="a_pic"><img src="img/i_add.png"/></div>
						<p>添加商品</p>
					</div>
					<!--管理列表-->
					<ul class="i_manage">
						<li>
							<div class="i_warm">
								
							</div>
							<div class="m_pic"><img src="img/i_ma.png"/></div>
							<p>商品管理</p>
						</li>
						<li>
							<div class="i_warm">
								
							</div>
							<div class="m_pic"><img src="img/i_mb.png"/></div>
							<p>订单管理</p>
						</li>
						<li>
							<div class="i_warm">
								
							</div>
							<div class="m_pic"><img src="img/i_mc.png"/></div>
							<p>微信功能</p>
						</li>
						<li>
							<div class="i_warm">
								<img src="img/i_mw.png"/>
							</div>
							<div class="m_pic"><img src="img/i_md.png"/></div>
							<p>客户管理</p>
						</li>
						<li>
							<div class="i_warm">
								
							</div>
							<div class="m_pic"><img src="img/i_me.png"/></div>
							<p>店铺管理</p>
						</li>
						<li>
							<div class="i_warm">
								
							</div>
							<div class="m_pic"><img src="img/i_mf.png"/></div>
							<p>数据统计</p>
						</li>
					</ul>
					
				</section>
				<footer>
					<ul class="f_nav">
						<li>
							<div class="fn_pic">
								<img src="img/i_na.png"/>
							</div>
							<a href="#">小店</a>
						</li>
						<li>
							<div class="fn_pic">
								<img src="img/i_nb.png"/>
							</div>
							<a href="#">市场</a>
						</li>
						<li>
							<div class="fn_pic n_number">
								<img src="img/i_nc.png"/>
							</div>
							<a href="#">购物车</a>
						</li>
						<li>
							<div class="fn_pic">
								<img src="img/i_nd.png"/>
							</div>
							<a href="boot.html">我的</a>
						</li>
					</ul>
				</footer>
			</div>
			
			<!--添加商品弹窗-->
			<div class="add_goods">
				<div class="g_select">
					<div class="s_pic">
						<img src="img/i_ass.png"/>
					</div>
					<p class="s_desc">市场选货</p>
					<p class="s_cancel">取消</p>
				</div>
			</div>
			
			<!--推广弹窗-->
			<div class="i_promotion">
				<div class="p_content">
					<ul class="p_list">
						<li>
							<div class="l_pic"><i class="iconfont icon-weixin"></i></div>
							<p class="l_desc">微信好友</p>
						</li>
						<li>
							<div class="l_pic l_pcolorb"><i class="iconfont icon-pengyouquan"></i></div>
							<p class="l_desc">微信朋友圈</p>
						</li>
						<li>
							<div class="l_pic l_pcolorc"><i class="iconfont icon-tubiao214"></i></div>
							<p class="l_desc">新浪微博</p>
						</li>
						<li>
							<div class="l_pic l_pcolord"><i class="iconfont icon-qq"></i></div>
							<p class="l_desc">QQ好友</p>
						</li>
						<li>
							<div class="l_pic l_pcolore"><i class="iconfont icon-kongjian"></i></div>
							<p class="l_desc">QQ空间</p>
						</li>
						<li>
							<div class="l_pic l_pcolorf"><i class="iconfont icon-shouji"></i></div>
							<p class="l_desc">手机联系人</p>
						</li>
						<li>
							<div class="l_pic l_pcolorg"><i class="iconfont icon-xinxi"></i></div>
							<p class="l_desc">老客户</p>
						</li>
						<li>
							<div class="l_pic l_pcolorh"><i class="iconfont icon-erweima"></i></div>
							<p class="l_desc">二维码</p>
						</li>
						<li>
							<div class="l_pic l_pcolori"><i class="iconfont icon-lianjie"></i></div>
							<p class="l_desc">复制连接</p>
						</li>
					</ul>
					<p id="li_dis">取消</p>
				</div>
			</div>
			
			<!--小店营收-->
			<div class="revenue_web po_fix">
				<header>
					<div class="nav_title">
						<a href="index.html" class="iconfont icon-zuojiantou"></a>
						<h1>小店营收</h1>
						<a href="#">&nbsp;&nbsp;&nbsp;&nbsp;</a>
					</div>
				</header>
				<section>
					<div class="r_withdraw">
						<h3>可提现金额</h3>
						<div class="w_number">
							<p><span>￥</span>257.50</p>
							<a class="w_but">
								提现
								<i class="iconfont icon-youjiantou1"></i>
							</a>
						</div>
						<div class="r_disable">
							<p>不可用金额</p>
							<a href="#">￥0.00<i class="iconfont icon-youjiantou1"></i></a>
						</div>
					</div>
					<ul class="r_other">
						<li>
							<p>已结算收入</p>
							<span>￥0.00<i class="iconfont icon-youjiantou1"></i></span>
						</li>
						<li>
							<p>未结算收入</p>
							<span>￥257.50<i class="iconfont icon-youjiantou1"></i></span>
						</li>
					</ul>
					<ul class="r_other">
						<li>
							<p>收支明细</p>
							<span>￥0.00<i class="iconfont icon-youjiantou1"></i></span>
						</li>
						<li>
							<p>提现记录</p>
							<span>￥257.50<i class="iconfont icon-youjiantou1"></i></span>
						</li>
					</ul>
					<p class="r_record">.小店销售收入将显示在这里，已结算收入可以随时申请提现</p>
					<p class="r_rule">.收入结算规则&nbsp;&nbsp;&nbsp;交易手续费说明</p>
				</section>
				
			</div>
			<!--交易手续费说明-->
			<div class="explain_web po_fix">
				<header>
					<div class="nav_title">
						<a href="#" class="iconfont icon-zuojiantou"></a>
						<h1>小店营收</h1>
						<a href="#">&nbsp;&nbsp;&nbsp;&nbsp;</a>
					</div>
				</header>
				<section>
					<div class="e_desc">
						<h3>各位小店店主</h3>
						<p>您们好！</p>
						<p>每笔经过优呗小店的交易，都会产生一定的基础成本。其中，包括消费者支付时不同支付公司向优呗收取的“支付手续费”、提现时银行向优呗收取的“结算手续费”，以及优呗的系统运维和服务费用，这些费用综合起来接近于每笔交易金额的2%。</p>
						<p>之前优呗针对于每笔交易的2%成本都市做全额补贴。接下来，为了提供更好完善的服务，我们将调正部分交易的补贴方案。补贴详细记录可点击进入“我的收入”中查看个结算明细。</p>
					</div>
				</section>
			</div>
			<!--提现-->
			<div class="withdraw_web po_fix">
				<header class="nav_title"><a href="#" class="iconfont icon-zuojiantou"></a>
					<h1>提现</h1>
					<a href="#">&nbsp;&nbsp;&nbsp;&nbsp;</a>
				</header>
				<section>
					<form>
						<ul class="w_sum">
							<li>
								<p>可提现金额</p>
								<span>￥257.50</span>
							</li>
							<li>
								<p>未结算收入</p>
								<input type="text" name="" id="" placeholder="单笔最高2万" />
							</li>
						</ul>
						<div class="w_select">
							<p>提现账户</p>
							<span>选择提现账户<i class="iconfont icon-youjiantou1"></i></span>
						</div>
						<input type="submit" name="" value="立即提现" id="ws_but"/>
						<p class="w_desc">.金低于1元时不可提现，请努力赚钱呦</p>
						<p class="w_desc">.提现到账时间规则，<span class="wd_but">点击查看</span></p>
					</form>
				</section>
				
				<!--提现确认-->
				<div class="w_affirm">
					<div class="a_content">
						<h3>请确认</h3>
						<p>提现金额：￥257.50</p>
						<p>提现账户：微信钱包（MARUKO）</p>
						<div class="a_line"></div>
						<div class="a_button">
							<span>取消</span>
							<span>确认</span>
						</div>
					</div>
				</div>
				
				<!--提现成功-->
				<div class="pop-up">
					<i class="iconfont icon-xiaolian"></i>
					<p>提现成功</p>
				</div>
			</div>
			
			<!--到账规则-->
			<div class="account_rule po_fix">
				<header class="nav_title"><a href="#" class="iconfont icon-zuojiantou"></a>
					<h1>到账规则</h1>
					<a href="#">&nbsp;&nbsp;&nbsp;&nbsp;</a>
				</header>
				<section>
					<h4>1.单笔提现金额低于1000元；</h4>
					<p>当天18点前申请提现，将在次日完成审核并打款<br />18点后申请提现，将在第3天完成审核并打款；</p>
					<h4>2.单笔提现金额高于1000元；</h4>
					<p>将在提现申请提交后，第4天完成审核并打款</p>
				</section>
			</div>
			
			<!--选择提现银行-->
			<div class="bank_select po_fix">
				<header class="nav_title"><a href="#" class="iconfont icon-zuojiantou"></a>
					<h1>选择提现银行</h1>
					<a href="#">&nbsp;&nbsp;&nbsp;&nbsp;</a>
				</header>
				<section>
					<div class="b_frame">
						<p>银行卡</p>
						<span>未设置<i class="iconfont icon-youjiantou1"></i></span>
					</div>
					<div class="b_frame">
						<p>微信钱包</p>
						<span>MARUKO<i class="iconfont icon-youjiantou1"></i></span>
					</div>
				</section>
				<!--弹窗-->
				<div class="bs_frame">
					<div class="bs_content">
						<ul>
							<li>微信钱包（MARUKO）</li>
							<li>提现到该账户</li>
							<li>修改账户</li>
						</ul>
						<div class="bs_line"></div>
						<input type="button" name="" id="" value="取消" />
					</div>
				</div>
			</div>
			
			<!--设置银行卡账户-->
			<div class="account_seting po_fix">
				<header class="nav_title"><a href="#" class="iconfont icon-zuojiantou"></a>
					<h1>设置银行卡账户</h1>
					<a href="#">&nbsp;&nbsp;&nbsp;&nbsp;</a>
				</header>
				<section>
					<form action="" method="post">
						<ul class="a_message">
							<li>
								<p class="m_desc">银行</p>
								<select name="" class="m_select">
									<option value="">选择银行</option>
									<option value="">工商</option>
									<option value="">招商</option>
									<option value="">建设</option>
								</select>
							</li>
							<li>
								<p class="m_desc">银行卡卡号</p>
								<input type="text" name="" id="" placeholder="填入银行卡卡号" />
							</li>
							<li>
								<p class="m_desc">姓名</p>
								<input type="text" name="" id="" placeholder="填入姓名" />
							</li>
						</ul>
						<ul class="a_message a_pnumber">
							<li>
								<p class="m_desc">手机号码</p>
								<input type="text" name="" id="" placeholder="请输入手机号码" maxlength="11"/>
								<span>获取验证码</span>
							</li>
							<li>
								<p class="m_desc">验证码</p>
								<input type="text" name="" id="" placeholder="请输入短信中的验证码" />
							</li>	
						</ul>
						<input type="submit" name="" id="" value="完成" />
				
					</form>
				</section>
			</div>
			
			<!--设置微信钱包-->
			<div class="wx_wallet po_fix account_seting">
				<header class="nav_title"><a href="#" class="iconfont icon-zuojiantou"></a>
					<h1>设置微信钱包</h1>
					<a href="#">&nbsp;&nbsp;&nbsp;&nbsp;</a>
				</header>
				<section>
					<form action="" method="post">
						<ul class="a_message">
							<li>
								<p class="m_desc">微信号</p>
								<input type="button" name="" id="" value="点击授权" />
							</li>
						</ul>
						<ul class="a_message a_pnumber">
							<li>
								<p class="m_desc">手机号码</p>
								<input type="text" name="" id="" placeholder="请输入手机号码" maxlength="11"/>
								<span>获取验证码</span>
							</li>
							<li>
								<p class="m_desc">验证码</p>
								<input type="text" name="" id="" placeholder="请输入短信中的验证码" />
							</li>	
						</ul>
						<input type="submit" name="" id="" value="完成" />
				
					</form>
				</section>
			</div>
			
			
		</div>
		<script type="text/javascript" src="js/index.js">
			
		</script>
	</body>
</html>
